<template>
  <el-card>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/stuWelcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>英语版块</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/englishList' }">英语角</el-breadcrumb-item>
    </el-breadcrumb>
    <!--    标题-->
    <div class="light">
      <h3>莴苣姑娘1</h3>
    </div>
    <div class="content">
      <p>Once upon a time, there lived an old couple in a village. The old couple prayed every day that they might have a baby. One day, an old woman moved into the house next door. The Old woman raised lettuce that looked very tasty and delicious.</p>
      <p>很久以前，一个村庄里住着一对老夫妻。这对老夫妇每天都祈祷他们能有一个孩子。一天，一位老妇人搬进了隔壁的房子。那位老妇人种的莴苣看上去水灵灵的，很可口。</p>
      <p>The old wife wanted to eat the lettuce from next door, and she constantly pestered her husband to let her eat that mouth-watering lettuce. "Dear, I want to have that lettuce." Without knowing what else to do, the husband crept next door and stole the old woman's lettuce.</p>
      <p>老太太想吃隔壁的莴苣，她一直缠着丈夫想吃水灵灵的莴苣。“亲爱的，我想吃那边的莴苣。”没有办法，丈夫只好爬到隔壁，偷走了老妇人的莴苣。</p>
      <p>However, the woman next door was a witch, and she noticed that the husband of her neighbor had stolen the lettuce. The witch said, "You dare to steal another's lettuce. You deserve to be punished." The husband said, "I am sorry, but my wife wants to have the lettuce very much."</p>
      <p>然而，隔壁的老妇人是一个女巫，她知道是邻居的丈夫偷了莴苣。女巫说：“你居然偷别人的莴苣。你应该受到惩罚，”丈夫回答道，“很抱歉，因为我的妻子非常想吃你种的莴苣。</p>
      <p>The witch said, "Is that so? Then you can take as much as you want. But there is a condition." The husband asked, "What is it?" The witch said, "If a baby is born, you have to give me the child."</p>
      <p>女巫说：“真的是那样吗？那你以后想吃多少就吃多少。但我有一个条件。”丈夫问：“什么条件？”女巫回答：“要是们的孩子出生了，必须交给我。”</p>
    </div>
    <div class="light">
      <el-button type="primary" style="margin-top: 20px;" @click="complete">完成阅读</el-button>
    </div>
  </el-card>
</template>

<script>
  export default {
    methods:{
      complete(){
        this.$message({
          message:'恭喜您已完成本篇阅读！',
          type:"success"
        });
        // 跳转至EnglishList页面
        this.$router.replace("/englishList");
      }
    }
  }
</script>
<style scoped>
  .light{
    font-size: 30px;
    text-align: center;
    color: #fefefe;
    text-shadow: 0 0 0.5em #0ae642, 0 0 0.2em #5c5c5c;
    -webkit-animation: shine 2.4s infinite;/*设置动画*/
  }
  @-webkit-keyframes shine{/*创建动画*/
    0%,100%{ color:#fff;text-shadow:0 0 10px #f0d1f8,0 0 10px #0000FF; }
    50%{ text-shadow:0 0 10px #0000FF,0 0 40px #0ae642; }
  }
  .content{
    min-height:350px;
    overflow-y:auto;
    max-height:600px;
  }
  p{
    font-size: 18px;
    color: #fefefe;
    text-shadow:0px 1px 0px #d27878,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, .9);
  }
</style>
